/*********** css reset *************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; display: table-cell;vertical-align: bottom;width:100%;}
a { color:#000; text-decoration:none; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }
body{overflow-x: hidden;}
/************ css base ************/
.left{ float:left;}
.left2{ float:left;}
.right{ float:right;}
.clear:after{  content: "."; display: block;height: 0;clear: both; visibility: hidden;}
*{margin: 0;padding: 0;}
.flex{display:flex;justify-content: space-between;}
.wrap{width:1200px;margin:0 auto;}
.mtop{margin-top:50px;}
.ptop{padding-top:50px;}
.ny-title .right span>span{color:#DF2523}
body::-webkit-scrollbar { width:10px; height:2px; background:white;/*外层轨道*/} 
body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:#DF2624;/*内层轨道*/}

.pagination{text-align:center;margin-top:50px;margin-bottom:50px;}
.pagination li{width:46px;height:46px;border:1px solid #C0C0C0;display:inline-block;margin:0 2px;line-height:46px;color:#575757;font-size:12px;}
.pagination li a{width:46px;height:46px;display:block;text-align:center;width:100%;height:100%;display:block;color:#575757;}
.pagination .active{background:#DF2523;color:white;border:1px solid #f09901;}
.pagination li:first-child{width:103px;font-size:14px;}
.pagination li:first-child span{color:#f09901}
.pagination li:nth-child(2){width:88px;}
.pagination li:last-child{width:88px;}

.news-btn a{color:#DF2523;margin-left:15px;}
.news-btn span{margin-left:15px;}
/************ css.header ************/
.header-top .left{width:60%;height:3px;background: #DF2523;}
.header-top .right{width:40%;height:3px;background: #000000;}
.header .wrap{height:95px;}
.header .wrap .right li{float:left;width:115px;height:95px;border-bottom:3px solid white;box-sizing: border-box;text-align: center;line-height:95px;}
.header .wrap .right li:hover{border-bottom:3px solid #DF2523;}
.header .wrap .right li a{width:100%;height:100%;display:block;}
.header .wrap .right li.int1{border-bottom:3px solid #DF2523;}

/**********   banner  **********/
.banner .gallery-thumbs{height:70px;background: white;margin-top:-35px;box-shadow: 0 0 5px 0 #C4C4C4;}
.banner .gallery-thumbs .swiper-wrapper{position: relative;}
.banner .gallery-thumbs .swiper-slide{line-height: 70px;transform: translateX(150px);}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;font-size:26px;top:55%;color:#A3A3A3;}
.banner .swiper-button-next{left:60px;}
.banner .swiper-button-prev{left:35px;}
.banner .swiper-pagination-bullet{background: #DF2523;opacity: 1;width:6px;height:6px;}
.banner .swiper-pagination-bullet-active{background: white;border:2px solid #DF2523;opacity:1;width:12px;height:12px;box-sizing: border-box;transform: translateY(-3px);}
.banner .swiper-container-vertical>.swiper-pagination-bullets{right: 68px;top: 50%;-webkit-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);width: 70px;display: flex;justify-content: space-between;}

/*********  index  ***********/
.about{box-sizing: border-box;margin-top:-35px;background: url(../img/about.png) no-repeat center center;height:662px;}
.about .title {padding-top:85px;}
.about .title .left p:nth-child(1){font-size:30px;font-family: 华文中宋;font-weight: bold;}
.about .title .left p:nth-child(2){font-size:16px;font-family: 华文中宋;}
.about .title .right a{display:block;float:left;color:black;margin-right:30px;margin-top:15px;}
.about .text{width:770px;float:right}
.about .text div:nth-child(1){font-size:20px;font-weight: bold;margin-bottom:20px;}
.about .text div:nth-child(2){line-height:28px;}
.about .text div:nth-child(3){width:166px;margin-top:30px;}
.about .img{width:100%;}
.about .img a{display:block;margin-top:50px;}
.about .img a img{transition: all 2s;}
.about .img a:hover img{transform: rotateY(360deg);}

.product{background: #F8F8F8;padding-bottom:100px;padding-top:170px;}
.product .wrap{height:740px;position: relative;box-sizing: border-box;}
.product .wrap>.left{width:200px;}
.product .wrap>.left .title{background: white;}
.product .wrap>.left .title p:nth-child(1){font-size:30px;font-family: 华文中宋;font-weight: bold;padding-left:30px;padding-top:30px;}
.product .wrap>.left .title p:nth-child(2){font-size:16px;font-family: 华文中宋;padding-left:30px;}
.product .wrap>.left .nav{padding-top:30px;background: white;padding-bottom:100px;}
.product .wrap>.left .nav a{display:block;width:170px;padding-left:30px;height:50px;line-height:50px;position: relative;overflow: hidden;font-size:16px;margin-bottom:10px;}
.product .wrap>.left .nav a:hover{color:white;background: #DF2523;}
.product .wrap>.left .nav a span:nth-child(2){position: absolute;width:100%;border-top:2px solid white;top:24px;}
.product .wrap>.left .nav a span:nth-child(1){margin-right:30px;}
.product .wrap>.left .nav a.int2{color:white;background: #DF2523;}
.product .wrap>.left .more {background: #DF2523;height:40px;line-height:40px;position: relative;overflow: hidden;position: absolute;left:0;bottom:0;width:200px;display:block;}
.product .wrap>.left .more span:nth-child(1){position: absolute;width:100%;border-top:2px solid white;top:20px;margin-left:-100px;}
.product .wrap>.left .more span:nth-child(2){color:white;margin-left:130px;}
.product .wrap>.right .top .left img{width:620px;height:362px;}
.product .wrap>.right .top .right img{width:300px;height:362px;margin-left:20px;}
.product .wrap>.right .down a{margin-top:15px;display:block;width:300px;}

.index-bg{height:300px;background:url(../img/11.png)no-repeat center center;}
.index-bg-img {width:123px;position:relative;height:160px;margin-top:70px;}
.index-bg-img>div:nth-child(1) img{position:absolute;top:0;left:0;transition:all 1s;}
.index-bg-img>div:nth-child(2) img{position:absolute;width:50%;left:25%;top:18%;}
.index-bg-img p:nth-child(3){text-align:center;color:white;margin-top:130px;}
.index-bg-img:hover .hover-img{transform:rotate(270deg)}

.team{background: url(../img/15.png)no-repeat center center;height:590px;}
.team .title p:nth-child(1){font-size:30px;font-family: 华文中宋;font-weight: bold;padding-left:30px;padding-top:50px;color:white}
.team .title p:nth-child(2){font-size:16px;font-family: 华文中宋;padding-left:30px;color:white}
.team .list{margin-top:100px}
.team .list>div{width:230px;background: url(../img/16.png)no-repeat center center;height:100px;padding:25px;}
.team .list>div img{width:80%;margin:0 auto;}

.new {padding-bottom:100px;background: #FCF7F6;}
.new .title {padding-top:85px;}
.new .title .left p:nth-child(1){font-size:30px;font-family: 华文中宋;font-weight: bold;}
.new .title .left p:nth-child(2){font-size:16px;font-family: 华文中宋;}
.new .title .right a{display:block;float:left;color:black;margin-right:30px;margin-top:15px;}
.new .list {margin-top:50px;}
.new .list a{display:block;margin-bottom:50px;}
.new .list a:hover .left{transform: translateX(30px);}
.new .list a:hover .left>div{color:#494949}
.new .list a:hover .left>div:nth-child(1){border-top:4px solid #999999;}
.new .list a:hover .left2{color:#484747;}
.new .list a:hover .left2 p:nth-child(2){opacity:1;}
.new .list .left{width:350px;margin-top:30px;transition: all .5s;}
.new .list .left>div{display:inline-block;}
.new .list .left>div:nth-child(1){width:50px;border-top:4px solid #D9D6DB;}
.new .list .left>div:nth-child(2){font-size:25px;color:#DEDBDE;font-weight: bold;margin-left:10px;}
.new .list .left>p:nth-child(3){color:#838591;font-size:16px;margin-left:10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.new .list .left2{width:480px;height:160px;border-top:2px solid #F2F2F2;box-sizing: border-box;margin-left:53px;line-height:26px;font-size:14px;color:#999999;
    padding:30px 20px 0 20px;}
.new .list .left2 p:nth-child(2){width:125px;margin-top:10px;opacity:0;transition: all .5s;}
.new .list .left2 p:nth-child(1){word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.new .more a{width:190px;display:block;margin:0 auto;margin-top:50px;}

/************* footer *************/
.footer{background: white;}
.footer .nav {border-bottom:1px solid #E6E2E1;box-sizing: border-box;}
.footer .nav .wrap{text-align: center;height:70px;line-height:70px;}
.footer .nav .wrap a{padding:0 50px;}
.footer .add .left{width:600px;}
.footer .add .title{margin-top:50px;margin-bottom:20px;font-size:20px;}
.footer .add .leave{margin-top:0px;}
.footer .add .leave input:nth-child(1){width:430px;height:50px;background: #000000;padding-left:40px;border:none;color:#757575;}
.footer .add .leave input:nth-child(2){width:120px;height:50px;line-height:50px;background: #686362;border:none;color:#EBECEE;}
.footer .add .left2 p{width:300px;padding-top:40px;line-height:28px;margin-left:80px;}
.footer .add .right{color:#C8C4C3;text-align: center;margin-top:30px;font-size:14px;}
.footer .add{border-bottom:1px solid #E6E2E1;box-sizing: border-box;padding-bottom:40px;}
.footer .copy{color:#AEABAA;font-size:14px;text-align: center;padding:20px 0;}


/**********  about  **********/
.ny-bg{background: #F2F2F2;margin-top:-35px;padding:70px 0;}
.ny-bg .wrap{background: white;overflow:hidden;}
.ny-container{padding:50px;}
.ny-title{border-bottom:1px solid #CDCDCE;padding-bottom:20px;}
.ny-title .left p:nth-child(1){font-size:30px;font-family: 华文中宋;font-weight: bold;color:#0A0D12}
.ny-title .left p:nth-child(2){font-size:16px;font-family: 华文中宋;color:#0A0D12}
.ny-title .right span{color:#8A8989;font-size:14px;}
.ny-title .right {margin-top:25px;}
.ny-title .right a{color:#8A8989}
.ny-nav{width:205px;padding-top:50px;}
.ny-list{width:895px;border-left:1px solid #F2F2F2;box-sizing: border-box;padding-bottom:100px;}
.ny-list .right-bg{width:100%px;margin-top:50px;margin-left:50px;}
.ny-list .right-bg .pro-show1 .left{width:340px;}
.ny-list .right-bg .pro-show1 .right{width:440px;}
.ny-list .right-bg .pro-show1 .right p:nth-child(2){margin-top:25px;font-size:14px;}
.ny-list .right-bg .pro-show2 .title{margin-top:30px;font-size:16px;color:#363636;padding-bottom:15px;border-bottom:1px solid #B8B5B4;}
.ny-list .right-bg .pro-show2 .content{padding:40px;}
.ny-list .right-bg .pro-show2 .content img{width:70%;margin:0 auto;}
.ny-nav li a{display:block;width:170px;padding-left:30px;height:50px;line-height:50px;position: relative;overflow: hidden;font-size:16px;margin-bottom:10px;margin-left:5px;}
.ny-nav li a:hover{background: #DF2523;color:white;}
.ny-nav li a span:nth-child(2){position: absolute;width:100%;border-top:2px solid white;top:24px;}
.ny-nav li a span:nth-child(1){margin-right:30px;}
.ny-nav li a.int3{background: #DF2523;color:white;}
.ny-add{margin-top:50px;margin-left:5px;}
.ny-add>div:nth-child(1){margin-bottom:30px;}
.ny-add>div:nth-child(2){line-height:28px;text-align: left;font-size:14px;margin-left:5px;}
.ny-list-text{line-height:30px;padding:80px;}

/***********  product  ************/
.ny-product{padding:70px 0 0 40px;}
.ny-product a{width:265px;display:block;text-align: center;float:left;margin-left:9px;margin-right:9px;margin-bottom:30px;}
.ny-product a p{margin-top:10px;color:#8A8989;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}


/***********  news  ***********/
.ny-news{padding:70px 0 0 40px;}
.ny-news a{display:block;padding:0 20px 30px 10px; border-bottom:1px dashed #E2E2E2;margin-bottom:30px;}
.ny-news a p:nth-child(1){font-size:16px;color:#DF2523;margin-bottom:10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.ny-news a p:nth-child(2){font-size:12px;color:#666;margin-bottom:10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.ny-news a p:nth-child(3){font-size:12px;color:#979797;}
.ny-news a:hover{border-bottom:1px dashed #DF2523;}

.ny-newshow{width:700px;margin:0 auto;margin-top:80px;}
.ny-newshow p{line-height:28px;}
.ny-newshow p:nth-child(1){text-align:center;font-size:24px;font-weight:bold;margin-bottom:5px;}
.ny-newshow p:nth-child(2){text-align:center;font-size:14px;color:#A3A3A3;margin-bottom:50px;}
.ny-newshow img{width:80%;margin:0 auto;margin:30px 0;}

/***********  contact  **********/
.ny-contact{padding:70px 0 0 40px;}
.ny-contact-add{background: url(../img/2020-08-19_101337.jpg)no-repeat center center;height:262px;}
#allmap{height:400px;width:765px;margin-left:45px;margin-top:40px;border:2px solid #F0F0F0;box-sizing: border-box;}
#BMapLib_trans0{width:15px;}
.ny-contact-add1 .left{margin-left:100px;margin-top:50px;}
.ny-contact-add1 .left2{margin-top:65px;}
.ny-contact-add1 .left2 p:nth-child(1){width:200px;text-align: right;font-size:12px;}
.ny-contact-add1 .left2 p:nth-child(2){width:200px;text-align: right;font-size:30px;color:#303030}
.ny-contact-add2{width:380px;margin-left:130px;margin-top:10px;line-height:28px;color:#61605F;}

/*************  message  ************/
.ny-message-title{width:620px;margin:0 auto;margin-top:100px;}
.ny-message-title p:nth-child(1){text-align:center;font-size:24px;color:#303030;margin-bottom:5px;}
.ny-message-title p:nth-child(2){text-align:center;font-size:14px;color:#303030;margin-bottom:30px;}
.ny-message{width:620px;margin:0 auto;}
.ny-message .leave-1 input{width:270px;height:35px;border:1px solid #BFBFBF;padding-left:10px;}
.ny-message .leave-1 input:nth-child(1){margin-right:50px;}
.ny-message .leave-2{width:610px;height:35px;margin-top:20px;border:1px solid #bfbfbf;padding-left:10px;}
.ny-message textarea{width:600px;height:120px;border:1px solid #bfbfbf;padding:10px;margin-top:20px;}
.ny-message .sub{width:265px;height:35px;margin-top:20px;background:#303030;color:white;text-align:center;line-height:35px;float:right;border:none;}

/***********  pro-show  ***********/
.pro-show{border:1px solid #ECECEC;padding:20px 40px 20px 20px;}
.pro-show>.left{width:555px;position:relative;height:550px;}
.pro-show>.left img{height:100%;margin:0 auto;width:auto;}
.pro-show>.left .gallery-top .swiper-slide img{width:100%;}
.pro-show>.left .gallery-top {margin-bottom:15px;}
.pro-show>.left .gallery-thumbs{width:455px;margin:0 auto;}
.pro-show>.left .gallery-thumbs .swiper-slide img{}
.pro-show>.left .gallery-thumbs .swiper-slide:hover{border:1px solid #005BAC;}
.pro-show>.left .gallery-thumbs .swiper-slide{border:1px solid white;padding:2px;}
.pro-show>.left .swiper-button-next{width:30px;height:85px;background:white;top:88%;color:black;font-size:26px;line-height:85px;text-align:center;box-shadow:0 0 5px 0 #999;}
.pro-show>.left .swiper-button-prev{width:30px;height:85px;background:white;top:88%;color:black;font-size:26px;line-height:85px;text-align:center;box-shadow:0 0 5px 0 #999;}

.pro-show>.right{width:500px;}
.pro-show>.right>div:nth-child(1){border-bottom:1px solid #ECECEC;padding:50px 0 30px 0;color:black;font-size:16px;font-weight:bold;}
.pro-show>.right>div:nth-child(1) span{color:#DF2624;margin-left:10px;font-size:20px;font-weight:bold;}
.pro-show>.right>div:nth-child(2){padding:30px 0 30px 0;color:#4D4D4D;line-height:28px;}
.pro-show>.right>div:nth-child(3){padding:30px 0;}
.pro-show>.right>div:nth-child(3)>div:nth-child(1){width:64px;}
.pro-show>.right>div:nth-child(3)>div:nth-child(1) img{width:64px;}
.pro-show>.right>div:nth-child(3)>div:nth-child(2){padding-left:15px;}
.pro-show>.right>div:nth-child(3)>div:nth-child(2)>p{color:#4D4D4D;font-size:16px;margin-top:2px;font-weight:bold;}
.pro-show>.right>div:nth-child(3)>.left2>p:nth-child(2){color:white;font-size:16px;}
.pro-show>.right>div:nth-child(4) a{display:block;width:136px;height:55px;background:#005BAC;text-align:center;line-height:55px;color:white;border-radius:10px;font-size:14px;}
.ny-pro-show-des .title{font-size:20px;color:#989898;padding-bottom:15px;border-bottom:1px solid #989898;margin-bottom;30px;}
.ny-pro-show-des .img{width:55%;margin:0 auto;margin-top:30px;}
